<template>
  <div class="rule">
    <nav-top title="隐私协议" :goback="true"></nav-top>
    <div v-html="htmlContent" class="html-content"></div>
    <div style="padding-top:0.7rem;">
      <contact-footer v-show="false"></contact-footer>
    </div>
  </div>
</template>

<script>
import NavTop from "@/components/nav/navBar";
import ContactFooter from "@/components/footer/contactFooter";

export default {
  components: {
    NavTop,
    ContactFooter
  },
  created(){
    
  },
  name: "Rule",
  data() {
    return {
      htmlContent: 
      `<!DOCTYPE html>
        <style>
        html{
        }
        </style>
        <body>
          <div>
              
          </div>
        </body>
        </html>`
    };
  }
};
</script>
<style lang='scss' scoped>
.rule {
  margin-top: 54px;
  .html-content {
    overflow: hidden;
    overflow-y: auto;
  }
}
</style>
